@charset "utf-8";
@import "-reset";


.wrap{
    width: 1000px;
    margin: 0 auto;

    main{
        padding: 0 50px;
        margin: 0 auto;
        border-top: 1px solid #6db6ff;
        margin-top: 45px;
        overflow: hidden;

        .title-top{
            // background-color: pink;
            .box{
                position: relative;
                width: 71px;
                height: 30px;
                background-color: #6db6ff;

                .box1{
                    position: absolute;
                    width: 0;
                    border: 15px solid skyblue;
                    border-color: transparent #fff #fff transparent;
                    border-width: 15px 10px; 
                    left: 51px;
                }

                span{
                    position: absolute;
                    left: 2px;
                    top: 7px;
                    white-space: nowrap;
                    line-height: 16px;

                    a{
                        color: #fff;
                    }
                }
                
            }
        }
        
        .list-top{
            overflow: hidden;
            margin-top: 30px;
            .list-box1{
                margin-bottom: 8px;

                .box1 {
                    float: left;
                    width: 38px;
                    height: 38px;

                    img{
                        width: 100%;
                        display: block;
                    }
                }

                p{
                    float: left;
                    line-height: 38px;
                    margin-left: 8px;
                    font-size: 16px;
                    color: #000;
                    font-weight: bold;

                    a{
                        font-size: 14px;
                        color: #6db6ff;
                    }

                    span{
                        font-size: 12px;
                        font-weight: bold;
                    }
                }
            }
            .list-box2{
                margin-bottom: 8px;

                .box2 {
                    float: left;
                    width: 38px;
                    height: 38px;

                    img{
                        width: 100%;
                        display: block;
                    }
                }

                p{
                    float: left;
                    line-height: 38px;
                    margin-left: 8px;
                    font-size: 16px;
                    color: #000;
                    font-weight: bold;

                    a{
                        font-size: 14px;
                        color: #6db6ff;
                    }

                    span{
                        font-size: 12px;
                        font-weight: bold;
                    }
                }
            }
            .list-box3{

                .box3 {
                    float: left;
                    width: 38px;
                    height: 38px;

                    img{
                        width: 100%;
                        display: block;
                    }
                }

                p{
                    float: left;
                    line-height: 38px;
                    margin-left: 8px;
                    font-size: 16px;
                    color: #000;
                    font-weight: bold;

                    a{
                        font-size: 14px;
                        color: #6db6ff;
                    }

                    span{
                        font-size: 12px;
                        font-weight: bold;
                    }
                }
            }
        }

        .list-main{
            margin-top: 25px;
            .top-box{
                display: flex;

                .box-one{
                    width: 71px;
                    height: 37px;
                    background-color: #fafafa;
                    border-top: 1px solid #6db6ff;
                }

                .box-two{
                    width: 750px;
                    height: 38px;
                    border-bottom: 1px solid #6db6ff;

                    ul {
                        display: flex;
                        justify-content: space-between;
                        li{
                            a{
                                font-size: 16px;
                                font-weight: bold;
                                line-height: 38px;
                                color: #000;
                            }

                            .box1{
                                width: 0;
                                border: 19px solid #b6daff;
                                border-color: transparent transparent #b6daff #b6daff;
                                border-width: 19px 8px;
                            }

                            .box2{
                                width: 0;
                                border: 19px solid #b6daff;
                                border-color: transparent #b6daff #b6daff transparent;
                                border-width: 19px 8px;
                            }

                        }
                    }
                    

                }
            }

            .main-box{
                padding-left: 71px;
                padding-top: 10px;
                padding-bottom: 5px;
                background-color: #fafafa;
                border-bottom: 1px solid #6db6ff;
                

 
                table{
                    tr{
                        line-height: 35px;
                        td{
                            display: inline-block;
                            font-size: 12px;
                            font-weight: bold;
                        }
                    }
                }
            }
        }

        .main-button{
            width: 215px;
            margin: 18px auto;
            button{
                width: 18px;
                height: 18px;
                border: 1px solid #c9c9c9;
                background-color: #e5e5e5;

                a{
                    color: #000;
                }
            }

            button:nth-child(1){
                width: 50px;
                height: 20px;

            }
            button:nth-child(7){
                width: 50px;
                height: 20px;

            }
            button:nth-child(2){
                background-color: #6db6ff;
                a{
                    color: #fff;
                }

            }
        }
    }

    footer{
        border-top: 1px solid #eaedf0;
    }
} 

  